<template>
  <div id="app" class="mainPage">
    <div id="nav">
      <!-- 顶部nav区域 -->
      <van-nav-bar
        title="EGame"
        :fixed="true"
      />
    </div>
    <!-- 页面区域 -->
    <router-view/>
    <!-- 底部tabbar区域 -->
    <van-tabbar route>
      <van-tabbar-item replace to="/main" icon="home-o">
        Egame
      </van-tabbar-item>
      <van-tabbar-item replace to="/search" icon="search">
        搜索
      </van-tabbar-item>
      <van-tabbar-item replace to="/shopcar" icon="shopping-cart-o">
        购物车
      </van-tabbar-item>
      <van-tabbar-item replace to="/myinfo" icon="user-circle-o">
        个人信息
      </van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<style lang="less" scoped>
#app {
  margin-top: 46px
}
</style>
